<script src="../js/echarts-all.js"></script>
<center>
	<div id="mydiv" style="margin-top:200px">
		<div><span style="font-size:16px;color:#2100EE">努力加载中...</span></div>
		<div><progress value="0" max="100" class="easyui-progressbar" id="myprogress" style="width:300px;height:30px"></progress><span id="myspan">0%</span></div>
	</div>
	<div id="main" style="height:400px;margin-top:50px;width:90%"></div>
</center>
<script>	
	var i=0;
	function change(){
		var obj=document.getElementById("myprogress");
		var span=document.getElementById("myspan");
		i++;
		obj.value=i;
		span.innerHTML=i+"%";
		
		if(i>=100){
			window.clearInterval(mytime);
			i=0;
			$("#mydiv").css("display","none");
			$("#mydiv").css("margintop","0px");
			
			$.ajax({
				type : "post",
				url : "../baoBiaoServletBack?op=findBaoBiao",
				data : "",
				dataType : "text",				
				success : function(data,status) {
					if(typeof(data)=="string"){
						var arr=data.split(",");
						
						var myChart = echarts.init(document.getElementById('main'));
						option = {
							title : {
								text : '同程旅游网月销售情况',
								subtext : '(2015年)'
							},
							tooltip : {
								trigger : 'axis'
							},
							legend : {
								data : [ '月销售统计(元/月)' ]
							},
							toolbox : {
								show : true,
								feature : {
									mark : {
										show : true
									},
									dataView : {
										show : true,
										readOnly : false
									},
									magicType : {
										show : true,
										type : [ 'line', 'bar' ]
									},
									restore : {
										show : true
									},
									saveAsImage : {
										show : true
									}
								}
							},
							calculable : true,
							xAxis : [ {
								type : 'category',
								boundaryGap : false,
								data : [ '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月' ]
							} ],
							yAxis : [ {
								type : 'value',
							axisLabel : {
								formatter : '{value} 元'
							}
							} ],
							series : [ {
								name : '月销售额',
								type : 'line',
								data : [ arr[0], arr[1], arr[2], arr[3], arr[4], arr[5], arr[6], arr[7], arr[8], arr[9], arr[10],arr[11] ],
							} ]
						};
						myChart.setOption(option);
					} else {
						$.messager.alert('失败提示', '绘表失败...', 'error');
					}
				}

			});
			
		}	
	}
	
	var mytime=window.setInterval("change()",10);
			
		
</script>











